<template>
	<view class="content">
		<!-- 用户信息模块 -->
		<view class="u-flex user-box u-p-30">
			<view class="u-m-r-10">
				<u-avatar :src="avatar" size="140"></u-avatar>
			</view>
			<view class="u-flex-1">
				<view class="u-font-18 u-p-b-20">用户SVLFNP</view>
				<view class="u-font-14 u-tips-color">微信号:helang_uView</view>
			</view>
			<view class="u-m-l-10 u-p-10">
				<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
			</view>
		</view>
		<!-- 用户信息模块 -->
		
		<!-- 宫格导航 -->
<!-- 		<view class="u-m-t-20">
			<u-cell-group :border="false">
				<u-cell-item title="更多服务" value="查看更多" hover-class="none"></u-cell-item>
				<u-grid :col="3" :border="false">
					<u-grid-item>
						<u-icon name="photo" :size="46"></u-icon>
						<view class="grid-text">图片</view>
					</u-grid-item>
					<u-grid-item>
						<u-icon name="lock" :size="46"></u-icon>
						<view class="grid-text">锁头</view>
					</u-grid-item>
					<u-grid-item>
						<u-icon name="hourglass" :size="46"></u-icon>
						<view class="grid-text">沙漏</view>
					</u-grid-item>
				</u-grid>
			</u-cell-group>
		</view> -->
		<!-- 宫格导航 -->

		<!-- 功能模块 -->
		<view class="u-m-t-20">
			<u-cell-group>
				<button class="content-ul__li" open-type="share"><span class="text">分享好友</span><u-icon name="arrow-right"  class="icon-fanhui"></u-icon></button>
				<button class="content-ul__li" open-type="contact"><span class="text">在线客服</span><u-icon name="arrow-right"  class="icon-fanhui"></u-icon></button>
				<button class="content-ul__li" open-type="feedback"><span class="text">意见反馈</span><u-icon name="arrow-right"  class="icon-fanhui"></u-icon></button>
				<view class="content-ul__li" @click="clearCache"><span class="text">清理缓存</span><u-icon name="arrow-right"  class="icon-fanhui"></u-icon></view>
				<view class="content-ul__li" @click="$u.route('pages/user/about/about')"><span class="text">关于态度环保</span><u-icon name="arrow-right"  class="icon-fanhui"></u-icon></view>
			</u-cell-group>
		</view>
		<!-- 功能模块 -->
		
		<!-- 页脚 -->
		<u-footer copyright="Copyright © 2021 态度环保 All Rights Reserved." :fixed="false"></u-footer>
		<!-- 页脚 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			// TODO 清理缓存
			clearCache() {
				uni.showLoading({
					title: '清理中...',
					mask: false
				})
				setTimeout(() => {
					 uni.hideLoading();
					this.$u.toast('清理完成～');
				}, 5e2)
			}
		}
	}
</script>

<style lang="scss">

.content{
	
	button {
	  background-color: #fff;
	  padding: 0;
	  margin: 0;
	  border: none;
	  outline: none;
	  color: #fff;
	  line-height: normal;
	}
	
	button::after {
	  border: none;
	}
	
	.camera{
		width: 54px;
		height: 44px;
		
		&:active{
			background-color: #ededed;
		}
	}
	.user-box{
		background-color: #fff;
	}
	
	.content-ul {
	
	    &__li {
	        padding: 32rpx;
	        display: flex;
	        justify-content: space-between;
	        border-bottom: 1px solid #F7F7F7;
	
	        .text {
	          font-size: 28rpx;
	          color: #333;
	        }
	
	        .icon-fanhui {
	          color: #AAA;
	          font-size: 26rpx;
	        }
 
	    }
	}
}

</style>
